<template>
  <div class="child">
    <h3>我是Child组件</h3>
    <h2>当前求和为:{{ sum }}</h2>
    <button @click="sum = sum + 1">点击</button>
    <h4 :hhh="sum" v-beauty="sum">好开心</h4>
    <Hello />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import axios from "axios";

let sum = ref(0);

let {
  data: { content },
} = await axios.get("https://api.uomg.com/api/rand.qinghua?format=json");

console.log(content);
</script>

<style scoped>
.child {
  background-color: skyblue;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px;
}
</style>
